body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #f5f5f5;
}

.header h2 {
    margin: 0;
    text-align: center;
    float: left;
    width: 6rem;
    font-size: .34rem;
    font-weight: bold;
}

.home-back {
    margin: .5rem 0 0 .3rem;
    width: .29rem;
    height: .34rem;
    background: url(images/pic3.png);
    background-size: cover;
    float: left;
}

.header {
    background: #fff;

    color: #333;
    height: 1.4rem;
    line-height: 1.4rem;

}

.none {
    display: none;
}

.level {
    position: relative;
}

.level div {
    font-family:PingFangSC-Regular, sans-serif;
    display: inline-block;
    text-align: right;
    position: absolute;
    top: 0;
    left: 0;
}

.upcore-navbar {
    position: relative;
    background-color: #fff;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #333;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

.upcore-navbar-icon-left {
    position: absolute;
    top: 5px;
    background: url(../images/back_common.png);
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    left: 10px;
}

.back {
    width: 7.5rem;
}

#rate {
    width: 6.2rem;
    margin: 0 auto;
    padding-bottom: .3rem;
}

.bmi_block {
    font-size: 0;
}

.bmi_block div:nth-child(1) {
    display: inline-block;
    height: .05rem;
    background-color: rgb(130, 176, 253);
    margin-right: .06rem;
    width: 1.34rem
}

.bmi_block div:nth-child(2) {
    display: inline-block;
    height: .05rem;
    background-color: rgb(34, 131, 226);
    margin-right: .06rem;
    width: 1.14rem
}

.bmi_block div:nth-child(3) {
    display: inline-block;
    height: .05rem;
    background-color: rgb(245, 166, 35);
    margin-right: .06rem;
    width: 0.82rem
}

.bmi_block div:nth-child(4) {
    display: inline-block;
    height: .05rem;
    background-color: rgb(237, 40, 86);
    width: 2.69rem
}

.bmi_level {
    padding-top: 0.4rem;
    width: 6.2rem;
    margin: 0 auto;
}

.fat_block {
    font-size: 0;
}

.fat_block div:nth-child(1) {
    display: inline-block;
    height: .05rem;
    background-color: rgb(130, 176, 253);
    width: 1.645rem;
    margin-right: .06rem;
}

.fat_block div:nth-child(2) {
    display: inline-block;
    height: .05rem;
    background-color: rgb(34, 131, 226);
    width: .715rem;
    margin-right: .06rem;
}

.fat_block div:nth-child(3) {
    display: inline-block;
    height: .05rem;
    background-color: rgb(245, 166, 35);
    width: .715rem;
    margin-right: .06rem;
}

.fat_block div:nth-child(4) {
    display: inline-block;
    height: .05rem;
    background-color: rgba(233, 100, 48, 0.842);
    width: .715rem;
    margin-right: .06rem;
}

.fat_block div:nth-child(5) {
    display: inline-block;
    height: .05rem;
    background-color: rgb(237, 40, 86);
    width: 2.11rem;
    margin-right: .06rem;
}

.fat_level {
    width: 6.2rem;
    margin: 0 auto;
}

#rate2 {
    width: 6.2rem;
    margin: 0 auto;
    text-align: center;
    padding-bottom: .3rem;
}

.age_block {
    font-size: 0;
}

.age_block div:nth-child(1) {
    display: inline-block;
    height: .05rem;
    background-color: rgb(34, 131, 226);
    width: 1.18rem;
    margin-right: .06rem;
}

.age_block div:nth-child(2) {
    display: inline-block;
    height: .05rem;
    background-color: rgb(34, 131, 226);
    width: 1.18rem;
    margin-right: .06rem;
}

.age_block div:nth-child(3) {
    display: inline-block;
    height: .05rem;
    background-color: rgb(34, 131, 226);
    width: 1.18rem;
    margin-right: .06rem;
}

.age_block div:nth-child(4) {
    display: inline-block;
    height: .05rem;
    background-color: rgb(34, 131, 226);
    width: 1.18rem;
    margin-right: .06rem;
}

.age_block div:nth-child(5) {
    display: inline-block;
    height: .05rem;
    background-color: rgb(34, 131, 226);
    width: 1.18rem;
    margin-right: .06rem;
}

.content5_nbr {
    border-top: .01rem solid lightgray;
}

#BmiLevel3 {
    font-family:PingFangSC-Medium, sans-serif;
    height: 0.66rem;
    line-height: 0.6rem;
}

#BmiLevel3 span {
    font-size: .24rem;
    color: rgb(51, 51, 51)
}

#rate3 {
    width: 6.2rem;
    /* margin: 0.54rem auto 0.48rem auto; */
    text-align: center;
    padding-bottom: .3rem;
}

.age_level {
    width: 6.2rem;
    margin: 0 auto;
}

.warning {
    margin-right: .2rem;
    width: .34rem;
    height: .34rem;
    vertical-align: middle
}

.content6 div:nth-child(2) {
    border-top: 1px solid lightgray;
}

.content6 div:nth-child(3) span:nth-child(2) {
    font-size: .24rem;
    color: rgb(51, 51, 51);
    padding-left: .15rem;
}

.content6 div:nth-child(4) {
    text-align: center
}

.content6 div:nth-child(5) {
    display: inline-block;
    text-align: center
}

.content6 div:nth-child(6) {
    padding: .1rem 0 .5rem;
}

.bmi_block_name div:nth-child(1){
    width:1.34rem
}
.bmi_block_name div:nth-child(2){
    width:1.14rem
}
.bmi_block_name div:nth-child(3){
    width:0.82rem
}
.bmi_block_name div:nth-child(4){
    width:2.69rem
}
.content1 div:nth-child(1) div:nth-child(2){
    text-align: center
}

.circle3 p:first-child {
    font-family:PingFangSC-Medium, sans-serif;
    text-align: center;
    /* left: .55rem; */
    top: .48rem;
    position: inherit;
    color: rgb(255, 255, 255);
    font-size: .8rem;
    margin: .8rem 0;
}

.circle3 p:nth-child(2) {
    font-family:PingFangSC-Light, sans-serif;
    left: 1.6rem;
    position: inherit;
    color: rgb(255, 255, 255);
    font-size: .24rem;
    top: -.83rem;
}

.btn_evaluation {
    font-family:PingFangSC-Regular, sans-serif;
    border: 0.01rem solid rgb(34, 131, 226);
    background-color: white;
    border-radius: .37rem;
    color: rgb(34, 131, 226);
    padding: .1rem;
    width: 2.53rem;
    height: .74rem;
    font-size: .24rem;
    margin: .3rem auto;
}

.content1_detail {
    font-family:PingFangSC-Light, sans-serif;
    font-size: .2rem;
    color: rgb(51, 51, 51);
    text-align: center;
    padding-bottom: .45rem;
    margin: 0 1rem;
}
.content2_bmi {
    font-family:PingFangSC-Regular, sans-serif;
    text-align: center;
    padding-top: .66rem;
    padding-bottom: .46rem;
    font-size: .34rem;
    color: rgb(51, 51, 51);
    margin: 0 auto;
    width: auto;
}

.content_nbr {
    font-family:PingFangSC-Medium, sans-serif;
    text-align: center;
    font-size: .6rem;
    color: rgb(34, 131, 266);
    width: auto;
    margin: 0 auto;
}

.content_level {
    font-family:PingFangSC-Regular, sans-serif;
    font-size: .24rem;
    color: rgb(51, 51, 51);
    text-align: center;
    margin: 0.54rem 0 .37rem 0;
}

.content_level div {
    text-align: center;
    display: inline-block;
}

.content4 {
    font-family:PingFangSC-Regular, sans-serif;
    text-align: center;
}

.content4 p:nth-child(1) {
    padding-top: .66rem;
    font-size: .24rem;
    color: rgb(51, 51, 51);
    margin-bottom: .46rem;
}

.content4 p:nth-child(2) {
    font-size: .34rem;
    color: rgb(34, 131, 226);
    margin-bottom: .4rem;
}

.content4 p:nth-child(3) {
    font-size: .22rem;
    color: rgba(51, 51, 51, 0.7);
    margin-bottom: .11rem;
}

.content4 p:nth-child(4) {
    font-size: .28rem;
    color: rgba(51, 51, 51);
    margin-bottom: .28rem;
}

.content4 p:nth-child(4) span {
    font-size: .22rem;
    color: rgba(51, 51, 51);
}

.content4 p:nth-child(5) {
    font-size: .28rem;
    color: rgba(51, 51, 51, 0.7);
    padding-bottom: .42rem;
}

/* .content5{
    font-family:PingFangSC-Regular, sans-serif;
} */

.content5_bmi {
    text-align: center;
    padding-top: .6rem;
    padding-bottom: .3rem;
    font-size: .34rem;
    color: rgb(51, 51, 51);
    margin: 0 2rem;
    width: auto;
    border-bottom: .01rem solid rgb(34, 131, 226);
}

.content6:not("p"){
    font-family:PingFangSC-Regular, sans-serif;
}

.content6 p{
    font-family:PingFangSC-Light, sans-serif;
}

.content_nbr span:nth-child(2){
    font-size: .24rem;
    color: rgb(51, 51, 51);
}